<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>随机显示文字</title>
    <style>
        #text {
            border: 1px solid #FA9150;
            width: 300px;
            height: 50px;
            background: #FEF1E9;
            color: #000000;
            line-height: 50px;
            text-align: center;
            font-size: 14px;
            font-weight: bold;
        }
    </style>
    <script>
        function demo() {
            var content = new Array(
                '收集到5颗爱心鸡蛋，<br>您就可以参与爱心捐赠啦',
                '一包饲料只够吃5个小时,<br>请主人帮我准备下一包哦',
                '记得准时来喂我哦~ <br> 不然我很可能会离家出走',
                '笔笔支付是公益',
                '我想吃小米、小麦、',
                '使用支付宝到店付款  可以获得爱心资料奖励哦',
                '庄园里面有新鲜事 <br> 所有记录都在右上角的通知里',
                '想喂饱我需要更多的资料噢~  资料不足可以去“领饲料”看看',
                '每次吃饱之后，我就可以产生爱心鸡蛋喔~',
                '我想吃小米、小麦、稻谷、青菜...'
                );
            var  gamma = Math.floor(Math.random() * content.length);
            var text = document.getElementById("text");
            text.textContent = content[gamma];
        }
        
    </script>
</head>

<body>
    <p id="text" ></p>
    <div onclick="demo()">hhhyyggggdhsdhd</div>
</body>


</html>